@charset "utf-8";
/* CSS Document */

/*html5*/
article,aside,dialog,footer,header,section,nav,figure,menu{display:block}

body,html,div,span,ul,li,dd,dt,dl,ol,input,p,article,aside,dialog,footer,header,section,footer,nav,figure,menu,h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;border:none;list-style:none;}
a:hover,a:active{outline:none;}
body{background:#fff;color:#6c6c6c;font:12px/21px 'Arial','Simsun'}
a,a:link,a:visited{color:#6c6c6c;text-decoration:none}
a:hover{color:#85ac0b;}
p{text-align:justify; text-justify:inter-ideograph;}

.wrap{width:1280px;overflow:hidden;margin:0 auto;}
.clr{clear:both}
/*header*/
header{width:1280px;height:77px;position:absolute;background:url(../images/headerbg.png) repeat-x;z-index:1000;}
header nav{width:800px;float:right;height:77px;position:relative;}
header .logo{width:222px;height:77px;float:left;background:url(../images/logo.png) no-repeat;margin-left:100px}
nav .menu{width:100px;height:100%;float:left;margin-left:1px;text-align:center;font:18px/97px "Arial";text-decoration:none}
nav .menu:link{color:white}
nav .menu:visited{color:white}
nav .menu:hover{color:white}
.nav-a-hover{
	display:block;
	position:absolute;
	top:0px;
	left:1px;
	width:100px;
	height:77px;
	background:url(../images/nav_hover.png) no-repeat;
	cursor:pointer;
	text-align:center;
	font:18px/97px "Arial";
	color:#8dd701
}
.nav-a-hover a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}
.curr{color:#8dd701}
.weibo{display:block;width:16px;height:16px;background:url(../images/weibo.jpg) no-repeat;position:absolute;left:560px;top:40px;text-indent:-2000px;overflow:hidden}
.header{width:100%;height:77px;}

/*banner*/
.banner{width:100%;height:539px;position:relative;}
.bannerbg{width:100%;height:100%;position:absolute;top:0px;left:0px;background:white}
.bannerbg ul{position:relative;display:block;width:100%;height:100%;}
.bannerbg li{position:absolute;display:block;width:100%;height:100%;z-index:0;background-repeat:no-repeat;background-position:top left;}
.banner_bg1{background-image:url(../images/bannerbg1.jpg)}
.banner_bg2{background-image:url(../images/bannerbg2.jpg)}
.banner_bg3{background-image:url(../images/bannerbg3.jpg)}
.bannerfg{position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:100;}
.piclist{position:relative;display:block;width:100%;height:100%;}
.piclist li{
	position:absolute;
	display:block;
	width:919px;
	height:357px;
	z-index:0;
	top:108px;
	left:643px;
	margin-left:-427px;
}
.banner_fg1{background:url(../images/banner1.png) no-repeat}
.banner_fg2{background:url(../images/banner2.png) no-repeat}
.banner_fg3{background:url(../images/banner3.png) no-repeat}
.banner_fg4{background:url(../images/banner4.png) no-repeat}
.banner_fg5{background:url(../images/banner5.png) no-repeat}
.numlist{
	position:absolute;
	display:block;
	width:265px;
	height:39px;
	background:url(../images/numlistbg.png) no-repeat;
	left:660px;
	bottom:-1px;
	z-index:100;
	margin-left:-151px;
	padding-left:37px;
	margin-top:10px
}
.numlist li{display:block;float:left;width:38px;height:37px;cursor:pointer;margin-right:9px;font:bold 12px/36px 'Myriad Pro','Arial';background-image:url(../images/nums.png);background-repeat:no-repeat;}

.current_num{color:#60b700;font-weight:bold;background-position:-38px 0;}
.normal_num{color:#6c747f;font-weight:bold;background-position:0 0;}

.btn1{text-indent:15px;}
.btn2{text-indent:16px;}
.btn3{text-indent:16px;}
.btn4{text-indent:15px;}
.btn5{text-indent:16px;}

/*footer*/
footer{width:100%;height:216px;background:url(../images/footerbg.png) top no-repeat;border-bottom:1px solid white;position:relative;}
footer .links{display:block;position:absolute;top:61px;left:480px;line-height:26px;}
.links li{line-height:27px;background:url(../images/dot.png) 1em 50% no-repeat;text-indent:2.5em}
.links .normal{border-bottom:1px solid #000;border-top:1px solid #3a3a3a}
.links .first{border-bottom:1px solid #000;}
.links .last{border-top:1px solid #3a3a3a}
footer .keyword{display:block;position:absolute;bottom:2px;left:20px;color:#646464;background:url(../images/zf.jpg) 347px 50% no-repeat}
.keyword span{color:#242424}

footer .contacts{display:block;position:absolute;width:270px;height:auto;top:60px;right:100px;}
.contacts h4{font-size:14px;font-weight:100;}
.contacts h5{font-size:12px;font-weight:100;line-height:32px;background:url(../images/qq.png) 56px 45% no-repeat}
.contacts h3{color:white;font-size:20px;font-weight:100;letter-spacing:-1px}
.contacts .position{position:absolute;width:34px;height:46px;background:url(../images/position.png) no-repeat;left:-42px;top:-10px;}
.contacts .qq1{color:#9adc47;margin-left:15px;}
.contacts .qq2{color:#ffba00}


/*subpage common css */
.main{width:100%;overflow:hidden;position:relative;background:url(../images/mainbg.jpg) no-repeat white}

/*submenu*/
.submenu {display:block;position:absolute;width:51px;height:auto;overflow:hidden;left:100px;top:10px;}
.submenu ul{display:block;width:100%;height:auto;}
.submenu li{display:block;width:100%;height:55px;background-image:url(../images/submenu.png);background-repeat:no-repeat}
.submenu .help{height:92px;background-position:-51px 0;}
.submenu .flow{background-position:0 -92px;}
.submenu .team{background-position:0 -147px;}
.submenu .case{background-position:0 -202px;}
.submenu .help:hover{background-position:-51px 0;}
.submenu .flow:hover{background-position:-51px -92px;}
.submenu .team:hover{background-position:-51px -147px;}
.submenu .case:hover{background-position:-51px -202px;}
.submenu a {display:block;width:100%;height:100%;text-indent:-2000px;overflow:hidden;}

/*title*/
.title{display:block;margin-left:173px;width:241px;height:78px;background:url(../images/title.png) no-repeat;color:#fff;padding-top:20px;padding-left:80px;}

.title  h2{font:21px/21px 'Microsoft YaHei','Simsun'}
.title h3{font:bold 22px/22px 'Arial'}

.short{position:absolute;top:50px;right:174px;width:378px;height:77px;background:url(../images/contactsbg.png) no-repeat}
.short .qqa{display:block;width:92px;height:22px;opacity:0.5;position:absolute;top:10px;left:64px}

/*pagebox*/
.main .pagebox{margin-left:200px;}
.pagebox .menu{display:block;width:auto;height:28px;padding-left:40px;border-bottom:1px solid #75bc14}
.menu li{display:block;float:left;margin-right:10px;width:86px;height:100%;font:12px/16px 'Microsoft YaHei','Simsun';text-align:center;cursor:pointer;color:#999;}
.menu .menu_cur{background:url(../images/menubg.png) no-repeat;color:white}
.menu .normal{background:none;color:#999;}
.showpages .page{display:none;min-height:740px;position:relative;overflow:hidden;padding-bottom:80px;}
.page .pageControl{display:block;position:absolute;bottom:20px;left:20px;width:auto;height:28px;font:18px/28px 'Simsun'}
.pageControl a{display:block;float:left;width:auto;padding-left:10px;padding-right:10px;height:100%;margin-right:10px;color:white}
.pageControl .pre,.pageControl .next,.pageControl .num{background:#92d41b}
.pageControl .num{font:18px/28px 'Arial'}
.pageControl .consult,.pageControl .first{background:#848484;font:bold 14px/28px 'Simsun'}


.gotop{position:absolute;display:block;width:48px;height:40px;background:url(../images/top.png) no-repeat;bottom:0px;right:130px;}
